@charset "utf-8";

*{margin: 0;padding: 0;}
body{width: 100%;height: auto;min-width: 320px;font-family: "微软雅黑";overflow-y: hidden;}
ul li{list-style: none;}


.top{width: 100%;min-width: 320px;text-align: center;box-sizing: border-box;padding: 50px 0;}
.top_img{width: 2rem;height: 2rem;position: relative;left: 50%;margin-left: -1rem;margin-bottom: 8px;}
.top_img img{width: 100%;border-radius: 8px;}
.top span{color: #FF963A;font-size: 0.4rem;}

.main{width: 100%;min-width: 320px;margin-bottom: 1rem;}
/*.main .mian_ul{width: 80%;margin: 0 auto;}*/
.main_ul>li{width: 100%;height: 60px;line-height: 60px;text-align: center;border-bottom: 1px solid #ddd;position: relative;}
.main_ul>li input{border: none;outline: none;font-size: 0.35rem;height: 1rem;width:70%;}
#pass{border: none;outline: none;font-size: 0.35rem;}
.span1{display: inline-block;width: 0.5rem;height: 0.5rem;position: absolute;left: 0.1rem;top: 0.3rem;}
.span1 img{width: 100%;}

.span2{display: inline-block;width: 0.65rem;height: 0.65rem;position: absolute;left: 0.05rem;top: 0.3rem;}
.span2 img{width: 100%;}
.span3{width: 60px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #3085F9;
       border-radius: 15px;padding: 0 5px;position: absolute;right: 0;top:0.3rem;font-size: 0.3rem;}

.footer{width: 100%;min-width: 320px;}
.button{width: 100%;height: 40px;text-align: center;}
button{width: 70%;text-align: center;height: 40px;border-radius: 5px;line-height: 40px;color: #fff;background:#3085F9 ;
      outline: none;border: none;font-size: 0.35rem;}
      
.bg{width: 100%;box-sizing: border-box;padding: 3rem 15% ;}
.bg .bg_left,.bg .bg_right{width: 50%;float: left;}
.bg .bg_right img{float: right;}
.bg .bg_left img,.bg .bg_right img{width: 1rem;}